<style lang="less" scoped>
    .user-meta-row{
        :deep(.el-image){
          width: 1rem;
          aspect-ratio: 1/1;
          color: black;
        }

        width: 100%;
        display: flex;
        align-items: center;
        
        font-size: 1rem;
        span:first-of-type{
            margin-left: 1rem;
        }
    }
</style>


<template>
    <div class="user-meta-row">
        <el-image :src="'static/icons/' + icon + '.svg'" fit="fill" :lazy="true"></el-image>
        <span>{{msg}}</span>
    </div>
</template> 

<script setup lang="ts">
    defineProps<{
        icon : string,
        msg : string
    }>()
</script>